<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no"><!-- 禁止IPHONE识别手机号码 -->
<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
<!-- css -->
<link rel="stylesheet" type="text/css" href="../src/css/index.css">
<link rel="stylesheet" type="text/css" href="../src/css/public/public_lib.css">
<link rel="stylesheet" type="text/css" href="../src/css/zy_public.css">
<link rel="stylesheet" type="text/css" href="../src/css/zy_vip.css">
<script src="../src/js/jquery-2.1.4.min.js"></script>

<style type="text/css">
	.imgs img {
		width: 20px;
		height: 15px;
		margin: 0px 10px 0 15px;
	}
    .yys{
        color: #ffe037; font-weight: normal; font-size:.2rem;
    }
	.imgs p{
		width: 20px;
		height: 15px;
		vertical-align: middle;
		margin: -5px 10px 0 15px;
	}
	.bt{
		width: 50px; height: 50px; border-radius:50%;border: none
	}
</style>
</head>
<title>首页</title>
<body  style="margin: 0px;background-color: #04bae0;">
<!-- 内容框 -->
<div class="zy_module-content">
	<div class="vip_index_box">
		<div class="head">
			<div class="one" style="background: no-repeat url(../src/img/bg.jpg);padding: 24% 7%;">

				<h2><!--标题名字最多10个字 -->
                    <b class="userName"></b><br>
				</h2>
			</div>
		</div>
		<div style="margin-top: 6%;">
			<div class="top_nav dis_flex mb6">
				<a>
					<i style="margin-top: 10px;margin-left: 30px;float: left;width: 40px;height:40px;background: no-repeat url(../src/img/wd.png);"></i>
					<b style="font-size: 23px;">38.5℃</b>
					<span>温 度</span>
				</a>
				<a>
					<i style="margin-top: 10px;margin-right: 30px;float: right;width: 40px;height:40px;background: no-repeat url(../src/img/xd.png);"></i>
					<b style="font-size: 23px;">89RH%</b>
					<span>湿 度</span>
				</a>
			</div>
			<div class="top_nav dis_flex mb6">
				<a>
					<i style="margin-top: 10px;margin-left: 30px;float: left;width: 40px;height:40px;background: no-repeat url(../src/img/yl.png);"></i>
					<b style="font-size: 23px;">89.8</b>
					<span>压 力</span>
				</a>
				<a>
					<i style="margin-top: 10px;margin-right: 30px;float: right;width: 40px;height:40px;background: no-repeat url(../src/img/ll.png);"></i>
					<b style="font-size: 23px;">89.5</b>
					<span>流 量</span>
				</a>
			</div>
			<div class="list_nav">
			</div>
		</div>
	</div>

	<!-- 底部 -->
	<div class="footer_box" style="margin-top: 20%;">
		<div class="footer">
			<div style="text-align: center;">
				<button type="button" class="bt" style="background: no-repeat url(../src/img/bt_on.png);" onclick="check()" id="ck"></button>&nbsp;
				<button type="button" class="bt" style="margin-left: 21%;" onclick="closeItem()"><i class="fa fa-reply-all"></i> </button>
			</div>
		</div>
	</div>
	<!-- 底部导航 -->
</div>
<script type="text/javascript">

    // $(".userName").html(sessionStorage.getItem('userName'));
    // var officeName = sessionStorage.getItem('officeName');
    // $(".yys").html(officeName==null||officeName=="undefined"?"":officeName);
	// $("#uImg").attr('src',sessionStorage.getItem('photo'));

	function check() {
		if (document.getElementById("ck").style.backgroundImage.indexOf('../src/img/bt_off.png') > 0) {
			document.getElementById("ck").style.backgroundImage = "url('../src/img/bt_on.png')";
		}else {
			document.getElementById("ck").style.backgroundImage = "url('../src/img/bt_off.png')";
		}
	}
	function toast() {

		var m = document.createElement('div');
		m.innerHTML = "暂未开放";
		m.style.cssText = "font-family:siyuan;max-width:60%;min-width: 150px;padding:0 14px;height: 40px;color: rgb(255, 255, 255);line-height: 40px;text-align: center;border-radius: 4px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999999;background: rgba(0, 0, 0,.7);font-size: 16px;";
		document.body.appendChild(m);
		setTimeout(function() {
			var d = 0.5;
			m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
			m.style.opacity = '0';
			setTimeout(function() {
				document.body.removeChild(m)
			}, d * 1000);
		}, 1500);
	}
</script>
</body>
</html>